// 简单的轮播图功能
    let currentSlide = 0; // 当前显示的幻灯片索引
    const slides = document.querySelectorAll('.carousel-item'); // 获取所有幻灯片元素
    const totalSlides = slides.length; // 总共的幻灯片数量

    function showSlide(index) { // 显示指定索引的幻灯片
      if (index >= totalSlides) { // 如果索引超出范围
        currentSlide = 0; // 回到第一张
      } else if (index < 0) { // 如果索引小于0
        currentSlide = totalSlides - 1; // 到最后一张
      } else {
        currentSlide = index; // 更新当前索引
      }

      const carouselInner = document.getElementById('carouselInner'); // 获取轮播容器
      carouselInner.style.transform = `translateX(-${currentSlide * 100}%)`; // 移动幻灯片
    }

    function nextSlide() { // 显示下一张幻灯片
      showSlide(currentSlide + 1);
    }

    function prevSlide() { // 显示上一张幻灯片
      showSlide(currentSlide - 1);
    }

    // 自动轮播
    setInterval(nextSlide, 3000); // 每隔3秒切换到下一张幻灯片

    